<!--
 * @FilePath     : /study_code/layui/6-3-18.html
 * @Description  : .full(), .min(), .restore() / 手动执行最大最小化
 * @Date         : 2025-04-08 17:33:58
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-08 17:42:37
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>documentName</title>
    <link rel="stylesheet" href="/layui/dist/css/layui.css" />
  </head>
  <body>
    <script src="/layui/dist/layui.js"></script>
    <script>
      //通过这种方式弹出的层，每当它被选择，就会置顶。
      /*
      注意：
      ① 需要与 maxmin 参数区分，这里是方法调用，直接执行最大最小化。
      ②restore 执行还原的是上次层所处的状态（不是最初状态）；（比如：普通-最大化-最小化，执行还原后，为最大化；）
      */
      var index = layer.open({
        type: 1,
        content: '主题文字',
        // shade: false,
        area: '500px',
      })

      // 2s 后最大化弹出层
      setTimeout(function () {
        layer.full(index)
      }, 2000)

      // 3s 后最小化弹出层
      setTimeout(function () {
        layer.min(index)
      }, 3000)

      // 5s 后还原弹出层
      setTimeout(function () {
        layer.restore(index)
      }, 5000)
    </script>
  </body>
</html>
